﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Templates/SitePublic.master" AutoEventWireup="true" CodeFile="Registration.aspx.cs" Inherits="Home_Registration" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <script language="javascript" type="text/javascript">
        function display() {
            var lb = document.getElementById("<%=lb_EmailExitingTip.ClientID%>");
            if (lb != null) {
                lb.style.display = "none";
            }
        }
    </script>

    <style type="text/css">
        .icon_reg
        {
            background-color: #5A6A7E;
            width: 3px;
            height: 9px;
            margin-top: 4px;
            float: left;
        }
        .icon_tiptext
        {
            background-color: #999999;
            width: 4px;
            height: 9px;
            margin-top: 3px;
            float: left;
        }
        .txt
        {
            background-color: #EEEEEE;
            border-bottom: solid 1px #cccccc;
            border-top: none;
            border-left: none;
            border-right: none;
            width: 200px;
            height: 17px;
            padding-top: 5px;
            color: #5A6A7E;
        }
        .dropdownlist_NoWidth
        {
            background-color: #EEEEEE;
            height: 22px;
            color: #5A6A7E;
        }
        .bt
        {
            border: solid 1px #cccccc;
            background-color: #ffffcc;
            color: #5a6a7e;
            font-weight: bold;
            padding-top: 2px;
            width: 80px;
            height: 25px;
        }
        a.default_bt
        {
            text-decoration:none;
            color:#E4F1FF;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

            <table cellpadding="0" cellspacing="0" border="0" style="width: 100%; height: 458px;">
                <tr>
                    <td style="width: 60%; vertical-align: top; padding-top:5px; padding-left:50px; border-bottom:1px solid #cccccc;">
                        <img src="../Images/main.jpg" alt="PoweredBy" style="margin-bottom:0px; padding-bottom:0px;" title="PoweredBy" />
                    </td>
                    <td style="width: 40%; vertical-align: top; border-bottom: 1px solid #cccccc;" rowspan="2"
                        align="left">
                        <form id="form1" runat="server" style="font-size: 14px;">
                        <asp:ScriptManager ID="ScriptManager1" runat="server" />
                        <asp:UpdatePanel runat="server" ID="up_UserBasicInfoForm" UpdateMode="Conditional"
                            ChildrenAsTriggers="false">
                            <ContentTemplate>
                                <table style="width: 351px; height: 314px; margin-left:31px;">
                                    <tr>
                                        <td colspan="4">
                                            <table width="100%">
                                                <tr>
                                                    <td style="color: #5A6A7E; font-weight: bold;">
                                                        <div class="icon_reg">
                                                        </div>
                                                        &nbsp;请补充您的个人信息
                                                    </td>
                                                    <td align="left">
                                                        <hr style="width: 193px; color: #cccccc; height: 1px;" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" colspan="4">
                                            <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="up_UserBasicInfoForm"
                                                DynamicLayout="true">
                                                <ProgressTemplate>
                                                    <div style="border: solid 1px black; width: 170px;">
                                                        <table>
                                                            <tr>
                                                                <td style="width: 18px">
                                                                    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Loading.gif" />
                                                                </td>
                                                                <td style="color: blue;">
                                                                    正在处理，请稍候...
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </ProgressTemplate>
                                            </asp:UpdateProgress>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 80px; color: #999999; padding-left: 20px;" align="left">
                                            姓名：
                                        </td>
                                        <td style="width: 5px; color: Red;">
                                            *
                                        </td>
                                        <td>
                                            <asp:TextBox runat="server" ID="txt_name" MaxLength="50" CssClass="txt" />
                                        </td>
                                        <td style="width: 30px;">
                                            <asp:RequiredFieldValidator ID="rfv_Name" runat="server" ControlToValidate="txt_name"
                                                Display="Dynamic" ErrorMessage="必填" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 80px; color: #999999; padding-left: 20px;" align="left">
                                            电子邮件：
                                        </td>
                                        <td style="width: 10px; color: Red;">
                                            *
                                        </td>
                                        <td>
                                            <asp:TextBox runat="server" ID="txt_Email" CssClass="txt" MaxLength="255" />
                                        </td>
                                        <td style="width: 30px;">
                                            <asp:RequiredFieldValidator ID="rfv_Email" runat="server" ControlToValidate="txt_Email"
                                                Display="Dynamic" ErrorMessage="必填" />
                                            <asp:RegularExpressionValidator ID="rev_Email" runat="server" ControlToValidate="txt_Email"
                                                Display="Dynamic" ErrorMessage="格式错误" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" />
                                            <asp:Label runat="server" Text="邮箱存在" ForeColor="Red" Visible="false" ID="lb_EmailExitingTip" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 80px; color: #999999; padding-left: 20px;" align="left">
                                            性别：
                                        </td>
                                        <td style="width: 10px; color: Red;">
                                        </td>
                                        <td align="left" colspan="2">
                                            <asp:DropDownList runat="server" ID="ddl_Gender" CssClass="dropdownlist_NoWidth">
                                                <asp:ListItem Text="男" Value="0" />
                                                <asp:ListItem Text="女" Value="1" />
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 80px; color: #999999; padding-left: 20px;" align="left">
                                            出生日期：
                                        </td>
                                        <td style="width: 10px; color: Red;">
                                        </td>
                                        <td align="left" colspan="2">
                                            <asp:UpdatePanel runat="server" ID="up_Birthday" UpdateMode="Conditional">
                                                <ContentTemplate>
                                                    <asp:DropDownList runat="server" ID="ddl_year" CssClass="dropdownlist_NoWidth" />
                                                    年
                                                    <asp:DropDownList runat="server" ID="ddl_month" AutoPostBack="true" CssClass="dropdownlist_NoWidth" />
                                                    月
                                                    <asp:DropDownList runat="server" ID="ddl_day" CssClass="dropdownlist_NoWidth" />
                                                    日
                                                </ContentTemplate>
                                            </asp:UpdatePanel>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <hr style="width: 100%; height: 1px; color: #cccccc;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" style="padding-left: 20px; width: 350px;">
                                            <div class="icon_tiptext">
                                            </div>
                                            <span style="font-size: 12px; color: #999999; padding-left: 5px;">补全个人信息可以让您在www.clubof.net中获得更好的使用体验，让您的朋友更方便的找到您</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4">
                                            <hr style="width: 100%; height: 1px; color: #cccccc;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" align="right">
                                            <asp:Button runat="server" ID="bt_Save" Text="完成" CssClass="bt" />
                                        </td>
                                    </tr>
                                </table>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                        </form>
                        <%--<img src="../Images/Note.jpg" width="372" height="453" style="margin-bottom:0px; padding-bottom:0px;"/>--%>
                    </td>
                </tr>
                <%--
                <tr>
                    <td style="height:1px; padding-top:0px;padding-bottom:0px; margin-top:0px; margin-bottom:0px;" colspan="2">
                        <hr style="width:100%; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;" color="#cccccc" size="1" noshade="noshade" />
                    </td>
                </tr>--%>
            </table>
            
</asp:Content>

